body {
  --border-radius: 4px;
  --box-shadow: rgb(0 0 0 / 10%) 0 0 10px;
  --scrollbar-bg: #dadada;
  --btn-bg-hover: #262626;
  --box-shadow: 0 1px 2px -2px #0000002b, 0 3px 6px 0 #0000000a, 0 5px 12px 4px #00000003;
  --box-shadow-hover: 0 1px 2px -2px #00000029, 0 3px 6px 0 #0000001f, 0 5px 12px 4px #00000017;
  --bg-opacity: rgba(255, 255, 255, 0.85);
}

body[theme-mode=dark] {
  --btn-bg-hover: #1c1f23;
  --box-shadow: 0 1px 2px -2px #ffffff2b, 0 3px 6px 0 #ffffff0a, 0 5px 12px 4px #ffffff03;
  --box-shadow-hover: 0 1px 2px -2px #ffffff29, 0 3px 6px 0 #ffffff1f, 0 5px 12px 4px #ffffff17;
  --bg-opacity: rgba(53, 54, 60, 0.85);
}